<template>
<div>
  <!-- 使用下面注册组件的东西 -->
  <!-- <HelloWorld /> -->
  <!-- <Demo/> -->
  <!-- <Test5 /> -->

  <!-- 使用路由的视图 -->
  <router-view></router-view>
</div>
</template>
<script>
// 实例当前路径的页面为HelloWorld
// import HelloWorld from './components/test/HelloWorld.vue'
// import Demo from './components/test/Demo.vue'
// import Test from './components/test/Test.vue'

// //  由于Test2是Test1的子组件 所以相当于
// import Test1 from './components/test/Test1.vue'
// import Test5 from './components/test/Test5.vue'
export default {
  // 当前组件的名称 引用时 import from './components/test/1HelloWorld.vue'
  //  name在使用路由时才用得到
  name: 'App',
//   // 注册组件(注意后面要component后面加s)
//   components: {
//     // 注册实例命名为'HelloWorld'让模板使用
//     HelloWorld: HelloWorld,
//     Demo: Demo,
//     Test: Test,
//     Test1: Test1,
//     Test5: Test5,
//   },
}
</script>
